<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>华为路由AX6</title>
    <link rel="stylesheet" href="./css/路由.css" />
    <link rel="stylesheet" href="./yaolei-icon/iconfont.css" />
  </head>
  

  <body>
    
   
    <div class="box123" ></div>
    <div class="header" id="top">
      <div class="header-box">
        <div class="header-box1">
          <a>首页</a>
          <a>华为官网</a>
          <a>花粉俱乐部</a>
          <a>V码（优购码）</a>
          <a>企业购</a>
          <a>Select Regin</a>
          <div class="m">
            <div class="m-box">
              <a>更多精彩<span class="iconfont icon-xiangxia"></span></a>
            </div>
          </div>
        </div>
        <div class="header-box2">
          <a>请登录</a>
          <a>注册</a>
          <a>我的订单</a>
          <div class="m">
            <div class="m-box">
              <a>客服<span class="iconfont icon-xiangxia"></span></a>
            </div>
          </div>

          <div class="m1">
            <div class="m1-box">
              <a>网站导航<span class="iconfont icon-xiangxia"></span></a>
              <div></div>
              <div class="select">
                <div class="select1-box">
                  <div class="select-left">
                    <div class="select1">
                      <span class="iconfont icon-zhuye"></span
                      ><a class="c">商场首页</a>
                    </div>
                  </div>

                  <div class="select2">
                    <div class="pp">
                      <p>频道</p>
                    </div>
                    <div class="ul">
                      <a>华为专区</a>
                      <a>企业购</a>
                      <a>教育优惠</a>
                      <a>HarmonyOS</a>
                    </div>
                  </div>
                  <div class="select3">
                    <div class="pp">
                      <p>产品</p>
                    </div>
                    <div class="ol">
                      <a>手机</a>
                      <a>平板</a>
                      <a>智能家居</a>
                      <a>耳机音箱</a>
                      <a>生态产品</a>
                      <a>笔记本</a>
                      <a>智能穿戴</a>
                      <a>智慧屏</a>
                      <a>热销配件</a>
                      <a>增值服务</a>
                    </div>
                  </div>
                  <div class="select4"><div class="pp">
                    <p>增值服务</p></div>
                   <div class="ml">
                      <a>以旧换新</a>
                      <a>一口价换电池</a>
                      <a>穿戴延保</a>
                      <a>活动公告</a>
                      <a>补购保障</a>
                      <a>音频延保</a>
                      <a>智慧屏全质保</a>
                    </div>
                  </div>
                  <div class="select5"><div class="pp">
                    <p>会员</p></div>
                    <div class="ul">
                      <a>会员频道</a></div>
                    
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="m">
            <div class="m-box">
              <a>手机版<span class="iconfont icon-xiangxia"></span></a>
            </div>
          </div>
          <a>购物车</a>
        </div>
      </div>
    </div>
    <div class="top">
      <div class="top-box">
        <div class="top-left">
          <img src="./img/yaolei-img/logo_app.png" />
        </div>
        <div class="top-mid">
          <div class="top-mid-box">
            <a>全部分类</a>
            <a>华为专区</a>
            <a>鸿蒙智联</a>
            <a>莫塞尔</a>
            <a>华为智选</a>
            <a>HarmonyOS</a>
            <a>特惠企采</a>
            <a>教育购</a>
          </div>
        </div>
        <div class="top-right">
          <div class="top-right-mid">
            <span class="iconfont icon-sousuo"></span>
          </div>
        </div>
      </div>
    </div>
    <div class="banner">
      <div class="banner-box">
        <div class="banner-box1">
          <div class="banner-font"><a>首页</a>&gt;<a>智能路由</a></div>
        </div>
      </div>
      <div class="banner-box2">
        <div class="banner-box-a"><span>分类：</span></div>
        <div class="banner-box-b">
          <a>智能路由</a>
          <a>智能家居</a>
          <a>智能路由</a>
          <a>全屋WIFI</a>
        </div>
      </div>
      <div class="banner-box2">
        <div class="banner-box-ab"><span>服务优惠：</span></div>
        <div class="banner-box-ba">
          <a>仅看有货</a>
          <a>分期免息</a>
          <a>优惠商品</a>
        </div>
      </div>
      <div class="banner-box2">
        <div class="banner-box-a"><span>排序：</span></div>
        <div class="banner-box-bb">
          <a>综合</a>
          <a>最新</a>
          <a>评论数</a>
          <a>价格：</a>
          <input type="number" placeholder="￥" style="width: 70px" /><span
            >-</span
          >
          <input type="number" placeholder="￥" style="width: 70px" />
        </div>
      </div>
    </div>
    <div class="max-img">
      <div class="banner-img">
        <div class="img-box">
          <div class="imges">
            <img src="./img/yaolei-img/路由1.webp" />
          </div>
          <div class="img-text">
            <div class="text-box">
              <div class="text-box1"><span>享政府补贴</span></div>
              <div class="text-box3"><span>华为路由Q6系列</span></div>
            </div>
            <div class="text-box4">新品电力版最高省50元</div>
            <div class="money">
              <div class="money1">￥849</div>
              <div class="money2">￥899</div>
            </div>
            <div class="text-box2">
              <div class="text1">限时特价</div>
              <div class="text2">分期免息</div>
              <div class="text3">赠送积分</div>
            </div>
            <div class="text-box4">641人评价 98%好评</div>
          </div>
        </div>

        <div class="img-box" onclick="window.open('路由详情.html')">
          <div class="imges">
            <img src="./img/yaolei-img/路由2.webp" />
          </div>
          <div class="img-text">
            <div class="text-box">
              <div class="text-box1"><span>享政府补贴</span></div>
              <div class="text-box3"><span>华为路由AX6</span></div>
            </div>
            <div class="text-box4">领券叠加最高省400</div>
            <div class="money">
              <div class="money1">￥549</div>
              <div class="money2">￥599</div>
            </div>
            <div class="text-box2">
              <div class="text1">限时特价</div>
              <div class="text2">分期免息</div>
              <div class="text3">赠送积分</div>
            </div>
            <div class="text-box4">1666人评价 98%好评</div>
          </div>
        </div>

        <div class="img-box">
          <div class="imges">
            <img src="./img/yaolei-img/路由3.webp" />
          </div>
          <div class="img-text">
            <div class="text-box">
              <div class="text-box1"><span>享政府补贴</span></div>
              <div class="text-box3"><span>华为路由AX3系列</span></div>
            </div>
            <div class="text-box4">领券叠加最高省400</div>
            <div class="money">
              <div class="money1">￥369</div>
              <div class="money2">￥399</div>
            </div>
            <div class="text-box2">
              <div class="text1">限时特价</div>

              <div class="text3">赠送积分</div>
            </div>
            <div class="text-box4">69749人评价 98%好评</div>
          </div>
        </div>

        <div class="img-box">
          <div class="imges">
            <img src="./img/yaolei-img/路由4.webp" />
          </div>
          <div class="img-text">
            <div class="text-box">
              <div class="text-box1"><span>享政府补贴</span></div>
              <div class="text-box3"><span>华为路由AX2 Pro</span></div>
            </div>
            <div class="text-box4">领券叠加最高省400</div>
            <div class="money">
              <div class="money1">￥189</div>
              <div class="money2">￥220</div>
            </div>
            <div class="text-box2">
              <div class="text1">限时特价</div>

              <div class="text3">赠送积分</div>
            </div>
            <div class="text-box4">22686人评价 98%好评</div>
          </div>
        </div>
      </div>
    </div>

    <div class="bbox">
      <div class="list-box">
        <div class="list-left">
          <div class="list">
            <p>购物指南</p>
            <ul>
              <li>免息分期</li>
              <li>以旧换新</li>
              <li>众测活动</li>
              <li>企业购</li>
              <li>O2O采购</li>
            </ul>
          </div>
          <div class="list">
            <p>售后服务</p>
            <ul>
              <li>门店维修</li>
              <li>保修政策</li>
              <li>防伪查询</li>
              <li>退换货政策</li>
              <li>手机寄修服务</li>
              <li>维修备件价格查询</li>
            </ul>
          </div>
          <div class="list">
            <p>维修与技术支持</p>
            <ul>
              <li>服务店</li>
              <li>预约维修</li>
              <li>手机寄修</li>
              <li>备件价格查询</li>
              <li>上门服务</li>
            </ul>
          </div>
          <div class="list">
            <p>特色服务</p>
            <ul>
              <li>防伪查询</li>
              <li>补购保障</li>
              <li>以旧换新</li>
              <li>礼品包装</li>
            </ul>
          </div>
          <div class="list">
            <p>关于我们</p>
            <ul>
              <li>公司介绍</li>
              <li>华为零售店</li>
              <li>商家中心</li>
              <li>意见反馈</li>
            </ul>
          </div>
          <div class="list">
            <p>友情链接</p>
            <ul>
              <li>华为集团</li>
              <li>华为CBG官网</li>
              <li>花粉俱乐部</li>
              <li>华为云</li>
              <li>华为应用市场</li>
            </ul>
          </div>
          <div class="list-right">
            <span>950805</span>
            <p>7x24 小时客服热线（仅收市话费）</p>
            <button class="right-button">
              <span class="iconfont icon-kefu"></span>在线客服
            </button>
            <p class="p">
              关注VMALL:<span class="iconfont icon-weixin"></span>
              <span class="iconfont icon-toutiaoyangshi"></span>
              <span class="iconfont icon-xinlangweibo"></span>
              <span class="iconfont icon-BaiDu"></span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="mbmbmb">
      <div class="mb-box">
        <span class="iconfont icon-gouwuche"></span>
        <div class="lili">购物车</div>
      </div>
      <div class="mb-box">
        <span class="iconfont icon-renwu-ren"></span>
        <div class="lili">个人中心</div>
      </div>

      <div class="mb-box">
        <span class="iconfont icon-aixin"></span>
        <div class="lili">自助服务</div>
      </div>
      <div class="mb-box">
        <span class="iconfont icon-huidaodingbu"></span>
        <div  class="lili"><a href="#top">回到顶部</a></div>
      </div>
    </div>

   
  </body>
</html>
